<template>
  <div id="container">
    <div class="ivu-card p-3">
     <div class="search_title d-flex align-items-center">
        <span class="largeIcon">
          <img
            class="yn-modular-menuIcon"
            :src="currentPaths[2].icon"
            :onerror="this.$root.placeHoldImg"
          />
        </span>
        {{ currentPaths[2].title }}
      </div>
      <div class="ivu-card flex-grow-1 p-4 m-3">
       11111
      </div>
    </div>
  </div>
</template>
<script>
export default {
     computed: {
        currentPaths() {
            return this.$store.state.app.currentPaths[
                this.$store.state.app.currentPaths.length - 1
            ];
        },
    },
}
</script>
<style lang="less" scoped>
#container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: transparent !important;
  .search_title {
    font-size: 20px;
    font-weight: 400;
    color: #515a6e;
    text-align: left;
    margin-bottom: 10px;
    // .largeIcon {
    //   color: #ffb6b9;
    //   background-color: #fae3d9;
    // }
  }
  .serach_case {
    .ivu-form-item {
      margin-bottom: 10px;
    }
  }
  .tools {
    margin-bottom: 25px;
    .ivu-btn {
      margin: 0 10px 0 0;
    }
  }
}
</style>
